<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字体</title>
</head>
<body>
<h1>css font-family</h1>
<p>第一字体</p>
<p class="p2">第二字体</p>
<p class="p3">正常</p>
<p class="p4">斜体</p>
<p class="p5">大小</p>
<p class="p6">1em=16px</p>
<p class="p7">百分比大小</p>
</body>
<style>
    h1{
        font-family: "Times New Roman",Times,Serif;
    }
    p{
        font-family: Arial,Helvetica,sans-serif;
    }
    .p3{
        font-style: normal;
    }
    .p4{
        font-style:oblique;
    }
    .p6{
        font-size: 2em;
    }
    .p7{
        font-size: 200%;
    }
</style>
</html>
